<div class="col-lg-2 col-md-2 col-xs-12 col-sm-3 sidebar-offcanvas"
	id="sidebar" role="navigation">
	<h3>Notices</h3>
	<div class="thumbnail">
		<div class="caption">
			<h3>Thumbnail label</h3>
			<p>...</p>
			<p>
				<a href="#" class="btn btn-primary" role="button">Button</a> <a
					href="#" class="btn btn-default" role="button">Button</a>
			</p>
		</div>
	</div>
	<div class="hidden-lg hidden-md">
		<h3>Classmates</h3>
		<div>
			<h3>Bootstrap Template</h3>
			<div class="panel panel-default">
				<div class="panel-heading">1 CSS Grid</div>
				<div class="panel-body">This demonstrates applying float right
					only on small devices.</div>
			</div>
		</div>

		<div>
			<div class="panel panel-default">
				<div class="panel-heading">2 Non-Stacking</div>
				<div class="panel-body">For columns that never stack use the
					Bootstrap 3 `xs` grid size.</div>
			</div>
		</div>
	</div>

<!-- advertisement here -->	
<%@include file="/WebPages/Includes/advertisement.jsp"%>
<!-- end advertisement -->
</div>
